<template>
  <div class="wrapper">
	  <el-container>
	        <el-header>
				<div  class="returnhome" @click="returnhome" style="align-self: center; margin-right: 30px;cursor: pointer;"><L/></div>
				<C style="align-self: center; margin-right: 30px;margin-left: 160px;"/>
				<div style="align-self: center; justify-content: center;color:#787878;">
					联系方式
				</div>
			</el-header>
	        <el-main>
				<div class="main">
					<div style="flex: 2;">
						
					</div>
					<div style="flex: 8; ">
						<p><span style="font-size: 2rem; margin-right: 20px;" >联系电话</span>联系我们请拨打：<span style="font-size: 2rem; margin-left: 20px;" >423-241-6889</span></p>
						<p style="margin-left: 50px;">请在<span style="font-size: 2rem; margin: 10px 0;" >9:00 ~ 11:00</span> 或 <span style="font-size: 2rem; margin: 10px 0;" >14:00 ~ 17:00</span>间拨打。</p>
						<p style="margin-left: 100px;">关注<span style="font-size: 2rem; margin-right: 20px;" >官方微博</span>及时获得版本更新信息<span style="font-size: 2rem; margin-left: 20px;" ><WB style="margin-right: 10px;"/>烽智软科</span></p>
						<div style="display: flex; flex-direction: row;margin-top: 50px;margin-bottom: 50px;">
							<div style="flex: 1;"></div>
							<el-card style="flex: 10;box-shadow: 3px 3px 50px 20px #c9f5ae; background-color: #c9f5ae;border: 0;">
								<img 
								src="http://127.0.0.1/src/assets/images/4vm.png"
								width=100%
								/>
							</el-card>
							<div style="flex: 16;padding-left: 120px;padding-top: 12%;display: flex;flex-direction: row;">
								<L style="margin-top: 20px;margin-right: 8px;color:#787878;"/>
								<div>
									<p>扫描左侧二维码，关注官方公众号。</p>
									<p>或者联系邮箱：<span style="font-size: 2rem; margin-left: 20px;">fengzhi@fzrk.com</span></p>
									<p style="margin-top: 18px;"></p>
								</div>
								
							</div>
						</div>
						
					</div>
					<div style="flex: 2;"></div>
				</div>
			</el-main>
	      </el-container>
  </div>
</template>

<script setup>
import C from '@/components/icons/contact'
import WB from '@/components/icons/weibo'
import L from '@/components/icons/left'
import router from '@/router';
	import { useRoute } from 'vue-router';
	function returnhome (){
		router.push({ name: 'Indexmainfooter' })
	}
</script>

<style scoped lang="scss">
.wrapper{
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: rgb(211, 241, 201 ,0.7);
}
.el-header{
	
	text-align: left;
	display: flex;
	flex-direction: row;
	font-size: 2.5rem;
	font-weight: 600;
	font-style:italic;
	height: 120px;
	background: linear-gradient(#d1d1f4, rgb(211, 241, 201 ,0.0));
	
}
.main{
	display: flex;
	flex-direction: row;
	
}
p{
	font-weight: 400;
	font-style:italic;
	color:#787878;
	margin-top: 10px;
}
.returnhome{
	color:#787878;
}
.returnhome:hover{
	color: #00aaff;
}
.returnhome:active{
	color: #787878;
}
</style>